/* CSS Document */ 
body,html{ margin:0px; padding:0px; width:100%; height:100%;background:#f2f2f2;}
body,td,div,span{ font-size:12px; font-family:"Microsoft YaHei"; color:#4c4c4c;}

/** #cc3333 #33cc33 #3c8dbc **/ 
 
h3{color:#000;}
hr{height:1px;border:none;border-top:1px solid #dedede;clear:both;}

.charts{height:250px;}
.toolbars{margin:0px 10px;height:80px;}
.toolbars .icon{width:50;height:50px;text-decoration:none;display:block; float:left; text-align:center;margin:10px 20px;}
.toolbars .icon img{width:32px;height:32px;border:0px;margin:5px;}
.toolbars .icon span{display:block;line-height:12px;}
.toolbars .icon span em{font-style:normal;}

.mainlist{margin-bottom:20px;}

.modelfuns .itm{margin:5px 10px;height:32px;line-height:32px;}
.modelfuns .itm .icn{width:20px;height:20px;border:0px;margin:5px;}
.modelfuns .itm .cnt{color:#1b3343;} 

.overviews{}
.overviews .itm{margin-left:0px;line-height:28px;color:#000;}
.overviews .itm span{margin:0px 5px;color:red;}

.statistics{}
.statistics .statis{margin:10px;}

.tab-btns{display:block;clear:both;height:31px;overflow:hidden;} 
.tab-btns .item{cursor:pointer;background:none;text-decoration:none;display:inline-block;float:left;height:30px; line-height:30px; border:1px solid #dedede;border-left-width:0px; margin:0px;padding:0px 10px;}
.tab-btns .item:first-child{border-left-width:1px;}
.tab-btns .item.active{background:url(images/button.png) center;}
.tab-cnts{display:none;}

.tbl{background:#dedede;table-layout:fixed;clear:both;} 
.tbl td{ height:32px; line-height:32px;color:#1b3343;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tbl thead{background:#f4f4f4;} 
.tbl thead td{font-weight:bold;text-align:center;}
.tbl tbody td{background:#fafafa;text-indent:10px;height:36px;line-height:36px;}



form{ margin:0px; padding:0px;} 

.button{cursor:pointer; background:#3c8dbc; border:0px; color:#ffffff;height:32px; line-height:30px;margin:0px 5px;padding:0px 10px;}
.button:hover{ background:#3c8dbc;}
.button:active{ background:#3c8dbc;} 
.button img{width:20px;height:20px;} 

a{color:#000000;}

.text{height:25px;padding:0px;}
input,.input{ border:1px solid #dbdbdb;background:#FFFFFF;}
.input{line-height:25px;}
.input:hover{background-color:#FDF3C2;}
textarea.input{line-height:normal;}
div.input{display:inline-block;}
select{border:1px solid #dbdbdb;height:27px;line-height:25px;background:#FFFFFF;}
.txt{text-align:center;}
.syllable{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;width:88px;line-height:25px;}

.highlight{ background: #f8da4e; color: #915608;}
.state-default{background:#3c8dbc; height:32px; line-height:32px; border:1px solid #dddddd;}
.state-focus{background:#3c8dbc; height:32px;line-height:32px; color:#FFFFFF;border:1px solid #3c8dbc;}
.state-active{background:#3333cc; height:32px;line-height:32px; color:#ffffff;border:1px solid #33c;}
.state-header{background:#e8e8e8; height:32px;line-height:32px;color:#000000;border:0px solid #dddddd;}
.state-panel{background:url(images/head-panel.png) center; height:32px; line-height:32px; color:#FFFFFF; border:1px solid #000000;}
.state-title{background:#f2f2f2; height:32px; line-height:32px;border:1px solid #dddddd;}
.state-content{background:#f2f2f2;border:0px solid #dddddd;}
.state-input{ border:1px solid #dbdbdb;text-indent:5px;word-break:break-all;word-wrap:break-word;box-shadow:0px 0px 5px #eeeeee inset;}
.state-input img{max-width:600px;}
.state-ui{background:#ffffff;border:1px solid #dbdbdb;}
.state-input.narrow{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.state-logs{padding-top:20px;overflow:scroll;max-height:350px;}
.state-log{margin:0px 10px;padding:2px 8px;margin-left:25px;position: relative;}
.state-log-name{color: #000;font-size: 13px;} 
.state-log-time{float:left; margin-right:10px;color:#007aff;}
.state-log-content{font-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.state-log:after{
    background: #007aff;width: 6px;height: 6px;
    border-radius: 20px;position: absolute;left: -12.5px;top: 10px;  
    border:3px solid #fff;  z-index:9;content: ''; 
    box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}
.state-log:before{content: '';
	display: block;background-color: #ccc;position: absolute;z-index:8;top: 0px;bottom: 0px;width:1px;height:110%;left:-7px;content: '';
}

.paneler{border:0px;box-shadow:0px 0px 5px #aaaaaa;} 
.paneler .titler{font-weight:bold;text-indent:10px;background:#3c8dbc; color:#ffffff; height:34px;line-height:34px;}
.paneler .matter{background:#f2f2f2;padding:5px;height:200px;}
.paneler .fixed{overflow:hidden;}
.paneler .matter .table{box-shadow:none;}

.extrude{color:#FF0000;}

.blank{background:#ffffff;}

.minor{}

center font h4{font-size:18px;}

.clear{ clear:both;}

.hidden{ display:none;}

.title{}
.title .linker{float:right;line-height:16px;margin-top:8px;margin-right:5px;text-decoration:none;font-weight:normal;font-size:12px;}
.title .linker img{width:16px;border:0px;}
.minimize .down{display:inline;}
.minimize .up{display:none;}
.maximize .down{display:none;}
.maximize .up{display:inline;}

.shortcuts{display:none;position:fixed;*position:absolute;z-index:1;top:0px;left:0px;width:180px;height:100%;overflow:visible;border:0px solid #cccccc;}
.shortcuts .holder{margin-right:5px;height:100%;overflow-y:auto;background:#fff;}
.shortcuts .shadow{position:absolute;height:100%;width:10px;top:0px;right:-4px;}
.shortcuts .item{
	display:block;text-align:center;text-decoration:none;border:0px;background:transparent;
	cursor:pointer;padding:0px;width:100%;height:40px;overflow:hidden;
	line-height:40px;font-size:12px;text-align:left;
}
.shortcuts .item:hover,.shortcuts .focus{background:#ee0000;color:#ffffff;}
.shortcuts .item img{width:18px;height:18px;margin:12px 5px 12px 10px;border:0px;}
.shortcuts .item span{color:#ffffff;display:none;float:right;margin-right:10px;}
.shortcuts .item:hover span{display:block;}
.toggler{float:left;padding:0px 5px;display:block;height:33px;border-right:1px solid #dbdbdb;}
.toggler span{display:block;width:25px;height:36px;float:left;background:url(images/toggler.png) left center no-repeat;}
.toggler .on{background-position:-34px center;} 
.margin-by-shortcut{margin-left:180px;}

.iframe{ width:100%; height:100%; border:0px;}

.shadow .tl{width:8px;height:8px;background:url(shadow/tl.png) right bottom no-repeat;}
.shadow .tr{width:8px;height:8px;background:url(shadow/tr.png) left bottom no-repeat;}
.shadow .bl{width:8px;height:8px;background:url(shadow/bl.png) right top no-repeat;}
.shadow .br{width:8px;height:8px;background:url(shadow/br.png) left top no-repeat;}
.shadow .t{height:8px;background:url(shadow/t.png) center bottom repeat-x;}
.shadow .r{width:8px;background:url(shadow/r.png)  left center repeat-y;}
.shadow .b{height:8px;background:url(shadow/b.png) center top  repeat-x;}
.shadow .l{width:8px;background:url(shadow/l.png) center right repeat-y;}
.shadow .c{border:0px solid #E4E4E4;}


/*conctrols*/
.tree-item{height:32px;line-height:32px;padding:3px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:15px;}
.tree-item a{color:#000000;} 
.tree-doc{background:url(images/doc.gif) 5px center no-repeat;background:none;text-indent:15px;}
.tree-icon{width:20px;height:20px;vertical-align:middle;margin:0px 6px 0px 3px;border:0px;}
.tree-more{background:url(images/more.gif?v=2) 5px center no-repeat;}
.tree-less{background:url(images/less.gif?v=2) 5px center no-repeat; }

.title{padding-right:20px;position:relative;z-index:2;background:#eaeaea; height:33px; line-height:32px; text-indent:10px; font-weight:bold; font-size:14px;margin:0px 10px;border:solid #dbdbdb;border-width:1px 1px 1px 1px;margin-top:10px;}
.title .caption{float:left;}
.line{ clear:both; height:20px; overflow:hidden; margin:0px; background:url(images/line.png?v=1) center repeat-x;}
.plate{
	z-index:1;padding:10px 10px;margin:0px 10px; border:solid #dbdbdb;border-width:0px 1px 1px 1px;	
	background-color:#efefef;min-height:10px;overflow:visible; 
}
.plate .option a img{margin:0px 5px;}
.content{margin:5px 10px;*width:100%;}

.toggle{ margin-top:-10px;margin-bottom:10px;}
.toggle button{background:url(images/switcher-button.png); width:41px; height:9px; border:0px; margin:0px auto;padding:0px; cursor:pointer;}
.toggle .show{ background-position:0 9px;}
.toggle .hide{ background-position:0 0;}


.dropdowan{float:left;text-indent:0px;cursor:pointer;position:relative;z-index:9999;overflow:visible;display:block;width:120px;height:34px;line-height:32px;font-size:12px;font-weight:normal;margin:0px;padding:0px;}
.dropdowan dt{width:100%;height:100%;height:34px;line-height:32px;font-size:12px;font-weight:normal;margin:0px;padding:0px;display:block;}
.dropdowan dt img{width:20px;height:20px;float:left;margin:7px 5px;}
.dropdowan dd{width:100%;position:absolute;display:none;top:0px;left:-10px;margin:0px;padding:0px;}
.dropdowan dd .shadow{width:100%;}
.dropdowan dd .c{border:0px;padding-top:33px;*padding-top:36px;}
.dropdowan dd a{background:#f1f1f1;display:block;width:100%;height:32px;line-height:30px;color:#000000;font-size:12px;font-weight:normal;text-indent:10px;padding:0px 0px;text-decoration:none;}
.dropdowan dd a:hover{background:#3c8dbc;color:white;}
.dropdowan:hover dd{display:block;}

.toolbar{background:#eaeaea;height:33px;line-height:33px;color:#000000;border:1px solid #dbdbdb;border-bottom:1px solid #eaeaea;margin-top:10px;}
.toolbar button{ border:0px; background:8px center no-repeat; text-indent:20px; height:28px; margin:3px; display:inline-block;line-height:26px;}
.toolbar .add,.toolbar .edit,.toolbar .del,.toolbar .detail{ float:right;color:#000000;}
.toolbar .all,.toolbar .invert{ float:left;color:#000000;}
.toolbar a{color:#000000;} 
.toolbar .item{float:right;line-height:34px;margin:0px 5px;} 
.toolbar .item img{height:20px;margin:0px 5px;} 
.toolbar .more{float:left; line-height:32px; margin:0px 20px;}
.toolbar .add{ background-image:url(images/add.gif);} 
.toolbar .edit{ background-image:url(images/edit.gif);}
.toolbar .del{ background-image:url(images/del.gif);}
.toolbar .detail{ background-image:url(images/detail.gif);}
.toolbar .all{ background-image:url(images/all.gif);}
.toolbar .invert{ background-image:url(images/invert.gif);}
.toolbar .btn{height:32px;line-height:32px;color:#000000;font-size:12px;font-weight:normal;text-indent:10px;margin-right:5px;float:right;text-decoration:none;}
.toolbar .btn img{margin:0px 5px;width:20px;height:20px;} 

.optionMenu{background:#3c8dbc;border:1px solid #3c8dbc;color:#ffffff;}
.optionMenu a{color:#ffffff;}

.medialist{clear:both;margin:0px -5px;padding:5px 0px;}
.media{float:left;width:25%; overflow:hidden;}
.media *{font-size:12px;font-family:"Microsoft YaHei";}
.media .media-caption{ height:32px; line-height:32px; text-indent:10px;border-width:0px;border-bottom-width:1px;}
.media .media-caption em{ display:block; float:right; margin-right:15px; font-style:normal; cursor:pointer;}
.media .media-warp{position:relative; overflow:hidden;background:#fff; border:1px solid #ddd; margin:5px;box-shadow:0px 0px 3px #ccc; }
.media .media-warp a{text-decoration:none; color:#000;}
.media .media-corner{ position:absolute; top:5px; left:100%;}
.media .media-corner .media-corner-cnt{position:relative; left:-100%; margin-right:10px;text-align:center; white-space:nowrap;}
.media .media-preview{ display:none;float:left; width:80px; margin-right:10px; min-height:100px; background:#ddd;}
.media .media-bodyer{height:100%;padding:5px 10px;}
.media .media-header{min-height:55px;padding-top:5px;}
.media .media-header .media-icon{ float:left;background:#ddd; margin:5px 10px 0 0;}
.media .media-header .media-icon img{ border:0; width:45px; height:45px;}
.media .media-header .media-date{ color:#aaa; float:right;line-height:25px; padding-top:5px; margin-right:15px; margin-left:20px;}
.media .media-header .media-title{ line-height:25px; margin-right:15px; font-size:13px;font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.media .media-header .media-title *{font-size:13px;font-weight:bold;}
.media .media-header .media-profile{ height:32px; line-height:16px;text-overflow:ellipsis; overflow:hidden;}
.media .media-header .media-content{ display:none;}
.media .media-footer{ padding:5px 0;}
.media .media-footer a{margin:0px 3px;}

.table{background:#dedede;table-layout:fixed;clear:both;border-collapase:collapse;}
.table td{ height:32px; line-height:32px;color:#000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table .state-header{background:#f4f4f4;} 
.table thead td{font-weight:bold;text-align:center;}
.table thead td a{white-space: nowrap; text-decoration:none; cursor:pointer;}
.table tbody td{background:#FFFFFF;text-indent:10px;height:35px;line-height:35px;}
.table tbody .focus td{background:#d3ecf9;}
.table tbody .even{background:#ffffff;} 
.table tbody .odd{background:#f7f7f7;}
.table tbody .blank{background:#efefef;}
.table tbody td .modify{width:16px;height:16px;margin-left:-10px;background:url(images/modify.gif) center no-repeat;}
.table tbody td a{margin:0px 2px;}
.table tbody .clicked td{background:#fcFcd6;}
.table tbody .td-checkbox{background:#f7f7f7;text-indent:0px;}
.table tbody .options{background:#f7f7f7;}
.table tbody .operation{}
.grid-editable tbody td{ height:32px;line-height:32px;}

.grid-bound,.grid-bound td,.grid-header{border:0px solid #ddd;}
.grid-bodyer{background:#fafafa;}

.stats{height:400px;}
.stats .table{box-shadow:0px 0px 5px #cccccc;}
.stats tbody td{text-align:center;text-indent:0px;padding:0px 3px;}
.stats .total{font-family:Impact,'微软雅黑';font-size:14px;}
.stats .total0,.stats .price0{color:red;}
.stats .total1,.stats .price1{color:blue;}
.stats .total2,.stats .price2{color:green;}
.stats .total3,.stats .price3{color:#FF9900;}
.stats .total4,.stats .price4{color:#FF00cc;}
.stats .total5,.stats .price5{color:#003300;}
.stats .total6,.stats .price6{color:#663366;}
.stats .total7,.stats .price7{color:#99CC33;}
.stats .total8,.stats .price8{color:#33CC33;}

.desc{ padding-left:20px; display:inline-block; background:url(images/desc.gif) 5px center no-repeat;}
.asc{ padding-left:20px; display:inline-block; background:url(images/asc.gif) 5px center no-repeat;}

.pager{ margin:10px; padding:0px;}
.pager li{ margin:3px; padding:0px 10px; list-style:none; float:left;background:#eaeaea; height:22px; line-height:22px; border:1px solid #dbdbdb; cursor:pointer;}
.pager .focus{background:#3c8dbc; height:22px;line-height:22px; color:#FFFFFF;border:1px solid #3c8dbc;}
.pager a{ text-decoration:none; color:#000000;} 
.pager .focus a{color:#fff;}
.pager .text{ background:none; border:0;}

.tips{width:280px;position:absolute;z-index:9999999;display:none;}
.tips .content{clear:both;color: #ffffff;border:0px solid #cd0a0a; background:#111111;padding:20px;line-height:20px;box-shadow:0px 0px 8px #000000;}


.tooltip{z-index:99;float:left;}
.tooltip .body{position:relative;}
.tooltip .closer{float:right;color:#ffffff;text-decoration:none;margin-left:10px;}
.tooltip .cnt{clear:both;cursor:pointer;width:max-270px;color:#ffffff;border:1px solid #000000; background:#000000;padding:5px 10px;line-height:20px;}
.tooltip .arr{position:absolute;z-index:2;width:0px;height:0px;overflow:visible;}
.tooltip .top{left:50%;margin-left:-8px;top:-15px;}
.tooltip .bottom{left:50%;margin-left:-8px;bottom:-15px;}
.tooltip .left{top:50%;margin-top:-8px;left:-15px;}
.tooltip .right{top:50%;margin-top:-8px;right:-15px;}
.tooltip .arr div{position:absolute;width:0px;height:0px;overflow:hidden;border:8px solid transparent;}
.tooltip .arr .ab{z-index:1;}
.tooltip .arr .ba{z-index:0;}

.tooltip .top .ab{border-bottom:8px solid #000000;top:0px;}
.tooltip .bottom .ab{border-top:8px solid #000000;bottom:0px;}
.tooltip .left .ab{border-right:8px solid #000000;left:0px;}
.tooltip .right .ab{border-left:8px solid #000000;right:0px;}

.tooltip .top .ba{border-bottom:8px solid #000000;top:-2px;}
.tooltip .bottom .ba{border-top:8px solid #000000;bottom:-2px;}
.tooltip .left .ba{border-right:8px solid #000000;left:-2px;}
.tooltip .right .ba{border-left:8px solid #000000;right:-2px;}



.combox{height:24px;line-height:24px;position:relative;display:inline-block;_display:block;float:left;cursor:pointer;font-size:12px;}
.combox .face{height:24px;width:100%;padding:0px;}
.combox .face span{text-align:left;height:22px;line-height:24px;border:0px;padding:0px;text-indent:5px;display:block;margin-right:24px;overflow:hidden;}
.combox .face .button{font-family:'微软雅黑';font-size:10px;float:right;height:22px;line-height:19px;width:22px;overflow:hidden;padding:0px;margin:1px;background:transparent;color:#000;}
.combox .soma{height:auto;width:auto;padding:auto;text-align:left;display:none;box-shadow:0px 0px 5px #bbbbbb;position:absolute;background:#ffffff;border:1px solid #dbdbdb;border-top:0px;}
.combox .soma input{margin:3px;display:block; padding:0px; height:24px; line-height:24px; border:1px solid #DEDEDE;}
.combox .soma .button{margin:3px;display:block;width:auto;padding:0px;text-align:center;}
.combox .soma a{text-decoration:none;display:block;height:24px;line-height:24px;color:black;text-indent:0px;white-space: nowrap;}
.combox .soma a:hover{ background:blue;color:white;}
.combox .soma a span{display:block;width:11px;height:11px;overflow:hidden;text-indent:0px;text-align:center;line-height:11px;float:left;margin:6px 3px;}


.dater .face .button{line-height:100px;background:url(images/dater.png) center no-repeat;}


.query{}
.query dl{float:left;font-size: 12px;height: 24px;line-height: 24px;margin: 5px 0px;padding: 0; white-space: nowrap;width: 260px;}
.query dt{margin:0px;padding:0px;width:72px;height:27px;overflow:hidden;float:left;margin-left:5px;text-align:right; color:#000000;}
.query dd{margin:0px;padding:0px;padding-left:20px;float:left;height:inherit;text-overflow: ellipsis;}
.query .option{text-align:center;}
.query .option table{margin:0px auto;}
.query .option table td{text-align:center;}
.query .option table .button{ margin:5px 20px;padding:0px 15px;}
.query .Not{display:none;float:left;margin-left:-20px;}
.query .input,.query .combox,.query select{width:110px;}
.query .half{width:47px;}
/*.query .conner{background:url(images/conner.png) left top no-repeat;}*/
.query .conner dt{color:red;}

.modify{display:inline-block;width:20px;height:20px; background:url(images/edit.gif) center no-repeat;}
.lookup{display:inline-block;width:18px;height:18px; background:url(images/detail.gif) center no-repeat;margin-left:2px;vertical-align:middle;}
.reladd{display:inline-block;width:18px;height:18px; background:url(images/add.gif) center no-repeat;margin-left:-2px;vertical-align:middle;}
.checkbox{background:url(images/checkbox.png?v=1) 0px 0px no-repeat;cursor:default;display:inline-block;width:21px;height:21px; margin-top:2px;float:left;margin-left:-20px;}
.checkbox:hover{background-position:-21px 0px;}
.checked-not{background-position:0px -21px;}
.checked-not:hover{background-position:-21px -21px;}
.checked-yes{background-position:0px -42px;}
.checked-yes:hover{background-position:-21px -42px;}
.join{vertical-align:top;margin-top:6px;*margin-top:0px;_margin-top:0px;}


.condition{width:100%;}
.condition strong{float:left;display:block;width:100px;height:36px; line-height: 36px; text-align:right;}
.condition ul,.condition li{margin:0px; padding:0px;list-style:none;}
.condition ul{ margin-left:100px;}
.condition li{float:left;font-size: 12px;height: 24px;line-height: 24px;margin: 5px 10px;padding: 0; white-space: nowrap;}


.form dl{line-height:20px;margin:0px;padding:0px;float:left;width:280px;;font-size:12px;line-height:10px;height:inherit;margin:3px 0px;}
.form dt{line-height:20px;margin:0px;padding:0px;width:80px;height:inherit;float:left;text-align:right;color:#555555;font-size:12px;height:48px;}
.form dd{line-height:20px;margin:0px;padding:0px;padding-left:5px;height:inherit;text-overflow: ellipsis;width:auto;margin-left:80px;}
.form dd b{color:#FF0000; font-weight:bold; margin:0px 0px;}
.form dd label{white-space: nowrap;}
.form dd em{display:block;font-style:normal;width:100%; height:20px; line-height:20px;margin:0px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; color:#888888; font-size:12px; }
.form dd .error{text-decoration:underline; color:#FF0000;}
.form .head,.form .body,.form .foot{width:900px;margin:0px auto;}
.form .head{height:48px;display:none;}
.form .body{padding:20px 0px;border:0px;}
.form .foot{height:48px;display:none;}
.form .body .content{}
.form center .button{ margin:5px 10px;padding:0px 15px;}
.form .prompt{width:90%; padding:15px 0px 15px 0px;margin:10px auto;*margin:10px 50px; text-indent:55px;background:#FAFAFA url(images/caution.gif) 30px center no-repeat; color:#000000;}
.edittype_insert .ribs{}
.form .line{ margin:10px 30px;}
.form .state-input{line-height:25px;min-height: 25px;}
.form .wider{width:98%;}
.form .mider{width:66%;}

.wide{width:750px;}
.mide{width:444px;}
.narrow{width:155px;} 
.wider{width:98%;}

textarea.input{padding:2px 0px;}

.iframe-list{width:750px;} 
.iframe-form{width:900px;margin-left:-146px;border:0px;}

.tab-iframes{width:820px;margin:10px auto;*margin:10px 20px;}
.tab-iframes .iframe-list{width:820px;}
.tab-iframes .tits{z-index:4;position:relative;overflow:hidden;}
.tab-iframes .tits .btns{*width:100%;height:30px;margin-right:100px;overflow:hidden;}
.tab-iframes .btns .button{border:0px;margin:0px 1px 0px 0px;width:89px;background:#3c8dbc;color:#ffffff;white-space:nowrap;*padding:0px;box-shadow:0px 0px 3px #bbbbbb;}
.tab-iframes .tits .opts{float:right;width:100px;}
.tab-iframes .tits .opts a{cursor:pointer;display:block;text-decoration:none;text-align:center;border:1px solid #3c8dbc;background:#3c8dbc;color:#ffffff;width:24px;height:24px;line-height:24px;margin:1px 0 0 5px;float:left;}
.tab-iframes .tits .opts .L{ background:url(images/toleft.gif) #3c8dbc center no-repeat;}
.tab-iframes .tits .opts .R{ background:url(images/toright.gif) #3c8dbc center no-repeat;}
.body-wrap .tab-iframes .btns .on{background:#33cc33;color:#FFFFFF;border-color:#3c8dbc;}
.tab-iframes .click-tips{line-height:32px;text-indent:20px;padding:5px 0px;background:#fafafa;}
.tab-iframes .cnts{display:none;box-shadow:0px 0px 3px #bbbbbb;position:relative;z-index:8;}
 
.wrap-iframes{width:100%;overflow:hidden;position:fixed;*position:absolute;bottom:0px;z-index:999;background:url(images/tbg.png) top;}

.fill-body{height:66px;padding:0px;}
.body-wrap{overflow:hidden;padding:0px;width:100%;}
.body-wrap .wrap-body{overflow-y:scroll;height:50%;}
.body-wrap .fill-body{height:50%;width:100%;overflow:hidden;}
.body-wrap .fill-body .state-input{border-width:0px;}
.body-wrap .wrap-iframes{padding-top:0px;padding-bottom:0px;}
.body-wrap .wrap-iframes .tab-iframes{width:100%;margin:0px;}
.body-wrap .wrap-iframes .tab-iframes .cnts{display:block;width:100%;}
.body-wrap .wrap-iframes .tab-iframes .cnts .iframe-list{width:100%;height:100%;}
.body-wrap .wrap-iframes .click-tips{display:none;}



.pagetype .form .head{background:url(images/form-head.png) center; height:48px;display:block;}
.pagetype .form .body{background:url(images/form-body.png) center; padding:10px 0px 10px 0px;display:block;}
.pagetype .form .foot{background:url(images/form-foot.png) center; height:48px;display:block;}

.details{width:755px;padding:15px;}
.details dl{margin:0px;padding:0px;float:left;width:49%;font-size:12px;line-height:20px;height:inherit;margin-top:5px;}
.details dt{margin:0px;	padding:0px;width:100px;height:inherit;min-height:25px;float:left;text-align:right; color:#000000; font-weight:bold;}
.details dd{margin:0px;padding:0px;height:inherit;padding-left:5px;line-height:25px;margin-left:110px;overflow:hidden;word-break:break-all;}

.dialog{position:absolute; z-index:100; top:0px; left:0px;}
.dialog .caption{ font-weight:bold; text-indent:10px; padding-right:10px;height:32px;}
.dialog .caption .icon{ float:right; text-indent:0px; display:block; cursor:pointer; width:18px; height:18px; line-height:18px; text-align:center; margin:8px 2px; color:#FFFFFF;}
.dialog .caption .title{color:#FFFFFF;background:none;border:0px;}
.dialog .body{border:solid #CCCCCC; border-width:0 1px 0 1px; }
.dialog .body .content{margin:15px 15px 10px 15px;overflow:auto;color:#000000;}
.dialog .option{ padding:0px 10px 10px 10px; text-align:center;border:solid #CCCCCC;border-width:0 1px 1px 1px;}
.dialog .option .line{height:5px;margin-bottom:10px;}
.dialog .option .button{ margin:5px 15px;}

.dialog .body,.dialog .option{border:0px;}

.paper{position:absolute; z-index:100; top:0px; left:0px; border:3px solid #E4E4E4; background:#FFFFFF;}
.paper .caption{ font-weight:bold; height:24px; line-height:24px; text-indent:15px;border:solid #CCCCCC;border-width:1px 1px 0px 1px;}
.paper .caption .close{ float:right; display:inline-block; cursor:pointer; width:18px; height:18px; line-height:18px;margin-right:20px; color:#000000; }
.paper .body{ padding:15px 10px 10px 10px; border:solid #CCCCCC; border-width:0 1px 0 1px; }
.paper .body .content{overflow:auto;color:#000000;}
.paper .option{ padding:0px 10px 10px 10px; text-align:center;border:solid #CCCCCC;border-width:0 1px 1px 1px;}
.paper .option .button{ margin:5px 15px; float:right;}

.overlay{position:fixed;_position: absolute; top:0px; left:0px; width:100%; height:100%; border:0px; background:#000000;}
.overlay{
	filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;
    z-index:1;
}
.overlay iframe{
	filter:alpha(opacity=00);  
    -moz-opacity:0.0;  
    -khtml-opacity: 0.0;  
    opacity: 0.0;
    z-index:1;
}


.loading{position:fixed; top:0px; left:0px; width:100%; height:100%;border:0px;}
.loading .mask{
	filter:alpha(opacity=10);  
    -moz-opacity:0.1;  
    -khtml-opacity: 0.1;  
    opacity: 0.1;
    z-index:1;
    background:#000;
    width:100%;
    height:100%;
}
.loading .mask iframe{
	filter:alpha(opacity=00);  
    -moz-opacity:0.0;  
    -khtml-opacity: 0.0;  
    opacity: 0.0;
    z-index:1;
}
.loading .icon{position:absolute;z-index:10;top:0px; left:0px; width:100%; height:100%; border:0px; background:url(images/loading.gif) center no-repeat;}

.menu{display:none;position:absolute;z-index:999999;list-style:none; padding:0px; margin:0px;height:auto; background:#FFFFFF;border-collapase:collapse;border-spacing:0;box-shadow:0px 0px 8px #000000;}
.menu td{ text-indent:8px;cursor:default; white-space:nowrap; width:100%; padding-right:30px;color:#ffffff;border:0px;background:#55b1e2;}
.menu td:hover{background:#33dd33;} 

.downlist{position: absolute;list-style:none; padding:0px; margin:0px;height:auto; background:#ffffff; border:1px solid #CCCCCC;}
.downlist td{ text-indent:8px; height:28px; line-height:28px;cursor:default; white-space:nowrap; width:100%; padding-right:30px;}
.downlist .focus{ background:#0066CC; color:#FFFFFF;}

.treemenu{position: absolute; padding:1px;border:1px solid #bbbbbb;}
.treemenu td{ padding-right:40px; white-space:nowrap;}


.listinput{min-height:27px;margin-bottom:2px;float:left;width:700px;}
.listinput div{display:inline-block;margin:0px 5px;text-indent:5px;line-height:27px;height:27px;overflow:hidden;}
.listinput span{padding:0px 5px;color:red;line-height:27px;cursor:pointer;}

.imagelist{min-height:24px;margin-bottom:2px;padding-bottom:2px;padding-right:2px;width:550px;float:left;position:relative;}
.imagelist button{position: absolute;left:100%;top:-1px;width:72px;}
.imagelist div{margin-top:2px;margin-left:2px;width:132px;height:132px;background:#ffffff;border:1px solid #dbdbdb;overflow:hidden;float:left;position:relative;}
.imagelist div a{display:table-cell; vertical-align:middle;width:132px;height:132px;margin:1px;text-align:center;}
.imagelist div span{display:block;padding:0px;color:red;text-align:center;line-height:22px;width:22px;height:22px;cursor:pointer;position: absolute;z-index:9;top:0px;left:0px;}
.imagelist div img{max-width:140px;max-height:140px;}

.form dd .button{height:26px;line-height:24px;}


/************************************************************************************/


/*login*/
#loginpage{background:url(images/login.png) center no-repeat;}
#login{ width:900px; height:400px;}
#login td{ color:#b6daf9;}
#login .head{height:80px; padding-left:60px;vertical-align:middle;}
#login .foot{height:80px; }
#login .body{ height:260px;} 
#login form{ margin:0px; padding:0px;}
#login form #username,#login form #password{ width:130px; border:1px solid #3b3b3c;}
#login form #syscode{width:65px;border:1px solid #3b3b3c;}
#loginpage .qr{display:none;}

/*header*/
#head-panel{background: #3c8dbc;width:100%; height:100%;padding: 5px;}
#head-panel #logo{float:left; padding:5px; padding-left: 7px;font-size:26px;color:#23272d;} 
#head-panel #logo .vary{display:block;float:left;width:28px;height:28px;margin:6px 0px;cursor:pointer;background:url(images/vary.png);}
#head-panel #logo h1{display:inline-block;min-width:160px;margin: 0px;margin-left:10px;padding: 0px;color: #fff;line-height: 36px;font-size: 22px;font-weight: 300;}
#head-panel #panel{height:32px; border:0px solid; width:auto;}
#head-panel #panel .info{color:#fff;line-height:20px; overflow:hidden;float:left;margin:5px; margin-left:10px; width:auto; padding-left:10px; padding-right:10px;}
#head-panel #panel .info a{color:#fff;text-decoration:none;}
#head-panel #panel .info span{color:#fff;}
#head-panel #panel .info span a{color:#fff;}
#head-panel #panel .option{overflow:hidden;}
#head-panel #panel .option a{text-decoration:none;}
#head-panel .icon{width:40;height:40px;display:block; float:right; text-align:center;margin:5px 10px;}
#head-panel .icon img{width:24px;height:24px;border:0px;}
#head-panel .icon span{display:block;color:#fff;line-height:12px;}
#head-panel .icon span em{color:#a8a8a8;font-style:normal;}
#left-title{ width:200px; float:left;}

/*left*/
#navbar{}
#navigate{border-bottom:0px; height:100%;}
#navigate .c{height:16px; width:16px;}
#navigate td{background:#30333c; text-align:left; text-indent:15px; font-weight:bold; font-size:13px; height:16px; border:0;}

#navigate .state-focus .shdw{width:40px;height:32px;float:left;background:#191d24;}

.navtop{position:absolute;overflow:hidden;height:9px;width:230px; top:0px; left:5px;z-index:10;}
.navitab{width:40px;height:100%;float:left;overflow:hidden;background:#191d24;color:#a8a8a8;}
.navitab td,.navitab div,.navitab span{color:#a8a8a8;}
.navitab ul,.navitab li{list-style:none;margin:0px;padding:0px;} 
.navitab li{cursor:pointer;width:28px;margin:0px 0px 5px 10px;color:#aaaaaa;padding:10px 0px;text-align:center;}
.navitab .clicked{background:#30333c;color:#a5a5a5;font-weight:bold;border:1px solid #30333c;} 
.navicnt{margin-left:40px;padding:0px 0px;background:#23272d;}  
.navicnt .tree-item a{color:#b6b6b6;}

#accordion{background:#f1f1f1;}
#accordion .item .state-active,#accordion .item .state-header{font-weight:bold; cursor:pointer; text-indent:10px;}
#accordion .item,#accordion .panel{width:100%;}
#accordion .item{text-indent:20px;display:block;background:#30333c;height: 32px;line-height: 32px;color:#d2d2d2;border-bottom:0px solid #44474f;text-decoration:none; cursor:pointer;margin:0px;width:auto;font-size:12px;}
#accordion .item span{display:none;width:16px;height:16px;float:right;margin:8px 8px;background:url(images/ls.png);} 
#accordion .state-active{background:#3c8dbc;border:none;} 
#accordion .item:hover{background:#30333c;border-right:1px solid #3c8dbc;}
#accordion .panel{background:#23272d; overflow:auto; display:none;padding:5px 0;}

#accordion .panel .tree-item{/*border-bottom:0px solid #1a1d24;*/} 
#accordion .state-header{color:#d2d2d2;}
 
#accordion .tree-item a,#accordion .panel a{text-shadow: 1px 1px 0 #23272d;text-decoration:none;color:#d2d2d2;padding-left: 5px;}
#accordion .tree-item a:active,#accordion .panel a:active{color:blue;}


/*separator*/
#separator-panel{}
#separator-panel .state-title{border:0px; height:32px;background:#191d24;}
#separator-panel .separator{}
#separator-button{opacity:0;filter:alpha(opacity:0); background:url(images/separator-button.png) #333; width:9px; height:41px; border:0px; margin:0px; padding:0px; cursor:pointer;}
#separator-panel .show{ background-position:0 0;} 
#separator-panel .hide{ background-position:9px 0;} 
#separator-line{ background:url(images/separator-line.png); width:3px; height:100%;}


/*switcher*/
#switcher-panel{}
#switcher-panel .switcher{background:#191d24;}
#switcher-button{opacity:0;filter:alpha(opacity:0); background:url(images/switcher-button.png) #333; width:41px; height:9px; border:0px; margin:0px; padding:0px; cursor:pointer;}
#switcher-panel .show{ background-position:0 0;}
#switcher-panel .hide{ background-position:0 9px;}


/*right*/
#right-panel .state-title{ border:0px;background:none;background:#191d24;}
#tabmore,#tabframe{ height:32px;background:#191d24;}
.right-toper{display:none;position:absolute;width:100%;height:5px;top:32px;left:0px;z-index:2;} 
.right-toper .a{width:100px;height:100%;float:left;background:url(images/toper.png) left top;}
.right-toper .b{width:100px;height:100%;float:right;background:url(images/toper.png) right top;}
.right-toper .c{height:100%;margin:0px 100px;background:url(images/toper.png) center -5px;}

/*task-panel*/ 
#task-panel{border-top:1px solid #767675;}
#task-panel .column{height:100%;line-height:32px;}
#task-panel #start-menu{float:left;width:72px;}
#task-panel #start-menu button{width:100%;height:100%;border:0px;background:none;font-size:14px;color:#666666;}
#task-panel #start-quick{float:left;}
#task-panel #task-bar{}
#task-panel #system-msg{float:right;padding-right:10px;}


#tabframe{overflow:hidden; float:left;}
#tabs{}
#tabs .item{  padding:0px 3px 0px 3px; margin:0px 3px; width:auto; height:37px;}
#tabs .item td{cursor:pointer;text-align:center;font-weight:bold; white-space:nowrap;border:0px;}
#tabs .state-focus{background:#3c8dbc;border:0px;}
#tabs .state-focus td,#tabs .state-active td{ color:#fff;}
#tabs .btn{padding:0px 8px 0px 8px;text-align:center;line-height:28px;color:#fffec6;}
#tabs .cls{padding:0px 8px 0px 0px;color:#fffec6;}
#tabs .state-header{background:#23272d;}

#tabmore{width:64px; float:right;}
#tabmore button{ height:20px; width:20px; min-width:20px; margin:6px 3px; padding:0px 5px; cursor:pointer;}
#toleft{ background:url(images/toleft.gif) #3b3b3c center no-repeat;}
#toright{ background:url(images/toright.gif) #3b3b3c center no-repeat;}

.browser-menu{display:none;position: absolute;list-style:none; padding:0px; margin:0px; width:100px;height:auto;}
.browser-menu li{ text-indent:8px;cursor:default; margin:1px;}

#themes_select{width:200px;margin:10px;}

#operations tbody td{height:35px;line-height:35px;}
.paneler .matter{height:250px;border:1px solid #ffffff;border-top:0px;}
.states{ font-size:12px;background:#ffffff;}
.states td{ background:#fafafa; color:#333333;line-height:22px;}
.states .red{color:red;font-size:12px;}
.states .blue{color:black;font-size:12px;color:#3ccf0f;}
.states .tite{ font-size:12px; font-weight:bold;color:black;}
.states .tite img{width:32px;height:32px;}
.states .cnte{padding:4px 20px;height:51px;}
.cnte a{font-size:12px; color:black;text-decoration:none;line-height:22px;margin:0px;padding:0px;}
.indexes{background:#ffffff;box-shadow:0px 0px 5px #aaaaaa;}
.indexes .scope{background:#fafafa;}
.indexes .scope a{font-size:32px;  margin:5px; color:red; text-decoration:none;}
.indexes td{ background:#f2f2f2;}
.indexes strong{ font-size:12px;}
.table tbody .even{background:#fafafa;}

.dialog{}
.dialog .backdrop{position:relative;}
.dialog .backdrop .mask{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0px;filter:alpha(opacity=1);opacity: 0.01;z-index:0;}
.dialog .backdrop .shadow{position:relative;z-index:1;}
.window .c{border:0px solid #1a3255;position:relative;}
.window .c .contentTalbe{position:relative;z-index:2;}
.window .c .titlemask{position:absolute;width:100%;height:100%;top:0px;left:0px;background:#000000;filter:alpha(opacity=70);opacity: 0.7;}
